Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix gap on mobile devices when scrolling #1157

Merged
merged 1 commit into from
Dec 17, 2018
Merged

Conversation

teimurjan
Copy link
Contributor

Motivation

I wanted to resolve #1152. The problem was caused by "momentum" style scrolling on some mobile devices. Fixed by addition of translate3d(0,0,0) in order to enable GPU during the scrolling animation.

Have you read the Contributing Guidelines on pull requests?

Yes.

Test Plan

Tested on iPhone 7 and iPhone XS.
The first tab is before(with the white gap), the second one is after the changes(no gap at all).
111111

@facebook-github-bot
Copy link
Contributor

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

@docusaurus-bot
Copy link
Contributor

docusaurus-bot commented Dec 15, 2018

Deploy preview for docusaurus-preview ready!

Built with commit 8fd24e8

https://deploy-preview-1157--docusaurus-preview.netlify.com

@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Dec 15, 2018
@facebook-github-bot
Copy link
Contributor

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

Copy link
Contributor

@endiliey endiliey left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks reasonable and good to me.

Let's see if forcing the GPU can solve the composite layers bug commonly happening at mobile browsers like iOS Safari

@endiliey endiliey merged commit 28700a9 into facebook:master Dec 17, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed Signed Facebook CLA
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Default mobile theme has a 1px gap on some mobile devices
4 participants